const colors = require('tailwindcss/colors')

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './components/**/*.{js,vue,ts}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './app.vue',
  ],
  theme: {
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      ...colors,
      white1: 'rgb(237 ,237 ,237 )',
      white2: 'rgb(222 ,222 ,222 )',
      white3: 'rgb(208 ,208 ,208 )',
      'black-light': 'rgb(0 ,0 ,0,0.2 )',
      'gray-dark': 'rgba(41 ,41 ,41 )',
      'gray-light': '#d3dce6',
      main: '#00bbff',
      'bg-color': '#171B1C',
      red1: '#EB414E',
      light: '#ea7373',
      'input-color': '#2a2323',
      'main-bg': '#171B1C',
      new: '#232728',
    },
    extend: {
      spacing: {
        small: '50px',
        big: '80px',
        100: '1398px',
        'mt-s': '50px',
        'mt-l': '80px',
        '8xl': '96rem',
        '9xl': '128rem',
      },
      borderRadius: {
        '4xl': '2rem',
      },
    },
  },
  plugins: [],
}
